<template>
    <div class="howtoHandle">
        <div class="title">订单处理</div>
		<div class="content">
			<div class="flex">
				<div class="blue">位置：订单管理——问题订单处理</div>
			</div>
			<div class="flex">
				<div>在订单处理中您可以对所有您发展的订单进行检索、修改、标记备注、取消、等操作，外呼部门的工作也在此进行。</div>
			</div>
			<div class="flex">
				<div class="bold">功能按钮：</div>
			</div>
			<div class="flex">
				<div class="bold">照片快速上传：</div>
				<div style="padding-left:20px;">粘贴订单号后把照片快速上传到该订单下，使用场景：客服收到用户传的照片后，粘贴订单号拖动照片到窗口上传（您可将窗 口单独拉出缩小）。为了防止传错，系统会自动识别判断。</div>
			</div>
			<div class="flex">
				<div class="bold">批量留言：</div>
			</div>
			<div class="flex">
				<div style="padding-left:20px;">批量留言，选择订单后点击批量留言可以给天猫平台用户旺旺自动留言。</div>
				<div style="padding-left:20px;">操作方法：选中需要留言的订单，点击批量留言，输入要留言的内容，点击确定留言。</div>
				<div style="padding-left:20px;">该功能需要事先在电脑上安装程序“旺旺发送助手”安装教程请参照链接</div>
			</div>

			<div class="flex">
				<div class="bold">子tap标签页：</div>
			</div>
			<div class="flex">
				<div class="bold">全部订单：</div><div>全部订单中存放的是您发展的全部订单。</div>
			</div>
			<div class="flex">
				<div class="bold">等待照片上传订单：</div><div>改产品要求必须有身份证照片才可生产，用户下单但是未上传照片的订单存放在此处，需要您及时联系用户协调处理。</div>
			</div>
			<div class="flex">
				<div class="bold">证件不合格订单：</div><div>用户上传了照片，但是经人工审核，该照片不合格无法生产的订单。</div>
			</div>
			<div class="flex">
				<div class="bold">开卡失败订单：</div><div>实际生产提单后发现用户因黑名单一证五户等问题导致用户开卡失败的订单。</div>
			</div>
			<div class="flex">
				<div class="bold">自动发货失败订单：</div><div>订单经生产方录入发货数据后，会自动在相应的电商平台为订单发货，因各种原因导致的自动发货失败列在此处。</div>
			</div>
			<img :src="howtoDo1">

			<div class="flex">
				<div class="title2">注：外部订单号为电商平台订单号，您可通过该订单号联系电商平台用户，天猫订单可以点击旺旺图标复制用户旺旺名联系</div>
			</div>

			

			<div class="flex">
				<div class="bold">操作按钮：</div>
			</div>
			<div class="flex">
				对不同tap标签下的订单可以进行不同的操作：
			</div>
			<div class="flex">
				<div class="bold">取消订单&放弃订单：</div><div>不再生产，放弃该订单，取消后的订单可以在订单终止状态中找到。</div>
			</div>
			<div class="flex">
				<div class="bold">重新提交订单：</div><div>解决不能生产的原因后，通过重提订单输入信息后将该订单重新提交到生产流程中。</div>
			</div>
			<div class="flex">
				<div class="bold">修改订单信息：</div><div>收货地址身份证等信息。</div>
			</div>
			<div class="flex">
				<div class="bold">取消订单：</div><div>订单状态变更为订单终止，不会再进行流转（通常用于用户退款）。</div>
			</div>
			<div class="flex">
				<div class="bold">加急处理：</div><div>应要求加入到加急订单列表。</div>
			</div>
			<div class="flex">
				<div class="bold">已退货：</div><div>已寄出的订单用户拒收或者寄回后，收件人在此处操作用户已退货，对于受到用户退货的订单，会有信息提示平台客服进行处理。</div>
			</div>

			<div class="flex">
				<div class="title2">注：因为订单操作会对订单生产方产生影响，所以订单信息修改有限制：订单状态处于已发货后的订单，不可修改信息且无法取消订单</div>
			</div>
			<img :src="howtoDo2" style="width:300px;">
			<div class="flex">
				<div class="bold">标旗备注：</div><div>您可点击单个订单的右上角，使用标旗备注功能对问题订单进行标记，内部约定颜色用来区别订单处理情况，</div>
			</div>

			<div class="flex">
				<div class="title2">注：您的标旗及备注信息将会被同步到电扇平台的卖家备注和订单标旗中（拼多多无标旗），此同步为单向同步，电商平台的备注无法即 时同步到{{moban.platform_name}}。</div>
			</div>
			<div class="flex">
				<div class="title2">注：问题订单7天不处理将自动视为放弃订单，此处不再继续展示。</div>
			</div>

		</div>
    </div>
</template>

<script>
    import axios from "axios";
    export default{
    	name: 'howtoHandle',
    	data(){
    		return{
				howtoDo1:'./static/help/howtoDo11.png',
				howtoDo2:'https://file.storep.91haoka.cn/gantanhao/howtodo2.png',
    		}
    	},
    	created() {
    		
    	},
        methods:{
           
        }
    }
</script>

<style lang="scss" scoped>
	.howtoHandle{ font-size: 14px;
		background: #F1F1F1;
		font-size: 14px;
		
		.exit {
		  margin-left: 20px;
		  cursor: pointer;
		  color: #77C9FF;
		}
		
		.flex {
		  display: flex;
		  flex-wrap: wrap;
		}
		
		.w1350 {
		  width: 1350px;
		  margin: 0 auto;
		}
		
		.top {
		  height: 30px;
		  line-height: 30px;
		}
		
		.logo {
		  background: #42628D;
		  padding: 20px 0;
		}
		
		.center {
		  padding: 30px 0;
		
		  .hleft {
		    background: #fff;
		    width: 330px;
		    box-sizing: border-box;
		    padding-top: 10px;
		    color: #77C9FF;
		    border-radius: 5px;
		    box-shadow: 0 0 5px #ccc;
		
		    .title {
		      padding-bottom: 20px;
		      padding-top: 20px;
		      font-size: 16px;
		      font-weight: bold;
		      padding-left: 35px;
		    }
		
		    .nav:hover {
		      background: #F1F1F1;
		    }
		
		    .nav {
		      line-height: 40px;
		      padding-left: 35px;
		      display: block;
		      color: #77C9FF;
		    }
		
		    .router-link-active {
		      background: #F1F1F1 !important;
		    }
		  }
		
		  .hright {
		    background: #fff;
		    justify-content: space-between;
		    width: 1000px;
		    box-sizing: border-box;
		    margin-left: 20px;
		    border-radius: 5px;
		    box-shadow: 0 0 5px #ccc;
		    padding-bottom: 30px;
		
		    img {
		      width: 100%;
		      display: block;
		      margin: 20px 0;
		    }
		
		    .title {
		      padding: 15px 30px;
		      font-size: 18px;
		      color: #4D4D4D;
		      border-bottom: 1px #DBDBDB solid;
		    }
		
		    .title2 {
		      color: #FF6161;
		      font-weight: bold;
		    }
		
		    .title4 {
		      color: #FF7777;
		      font-size: 14px
		    }
		
		    .bold {
		      font-weight: bold;
		    }
		
		    .content {
		      padding: 0 35px;
		      line-height: 50px;
		    }
		
		    .nei {
		      padding-left: 60px;
		    }
		
		    .blue {
		      color: #77C9FF;
		    }
		
		    .title3 {
		      font-size: 16px;
		    }
		
		    .big {
		      font-size: 18px;
		      padding: 20px 0;
		    }
		  }
		}
	}
</style>
